.aiDesign {
    display: flex;
    margin-top: 30px;
    flex-direction: column;
    position: relative;
        .icon{
            width: 86.27px;
            height: 77.34px;
            background: url('@/assets/functions/icon1.png');
            background-size: cover;
            position: absolute;
            top: 30px;
            left: 100px;
        }
        .back {
            display: flex;
            flex-direction: column;
            width: 1314.168px;
            height: 587.088px;
            opacity: 1;
            border-radius: 62.34px;
            border: 2px solid linear-gradient(90deg, rgba(70, 54, 255, 0.6) 0%, rgba(203, 112, 255, 0.6) 38.43%, rgba(48, 224, 255, 0.6) 68.99%, rgba(76, 149, 252, 0.6) 100%);
            background: linear-gradient(139.93deg, rgba(255, 255, 255, 1) 0%, rgba(189, 214, 255, 0.77) 0%, rgba(200, 223, 255, 0.3) 57.94%, rgba(168, 198, 237, 1) 100%);
            box-shadow: 8px 20px 54px rgba(115, 169, 255, 0.51);
            transform: scale(0.8);
            .titleBar {
                display: flex;
                flex-direction: row;
                .title {
                    width: 312.048px;
                    height: 55.38px;
                    opacity: 1;
                    font-size: 43.2px;
                    font-weight: 700;
                    margin-left: 115px;
                    margin-top: 23px;
                }
                .title2 {
                    width: 246.036px;
                    height: 28.32px;
                    opacity: 1;
                    font-size: 21.6px;
                    font-weight: 550;
                    margin-left: 15px;
                    margin-top: 47px;
                }
            }
            .hint {
                display: flex;
                flex-direction: row;
                margin-top: 30px;
                margin-left: 115px;
                font-size: 20px;
                .hint2 {
                    color: rgba(87, 132, 255, 1);
                    margin-left: 5px;
                    font-size: 20px;
                }
            }
            .example {
                display: flex;
                flex-direction: row;
                border: 3px solid transparent;
                border-radius: 10px;
                width: 1009px;
                height: 40px;
                margin-left: 95px;
                background-color: white;
                align-items: center;
                margin-top: 14px;
                background: linear-gradient(white, white) padding-box,
                        linear-gradient(90deg, rgb(70, 54, 255) 0%, rgb(203, 112, 255) 38.43%, rgb(48, 224, 255) 68.99%, rgb(76, 149, 252) 100%);
                .example-input{
                    border: 2px solid transparent;
                    outline: none;
                    display: flex;
                    align-items: center;
                    width: 909px;
                }
            }
            .hint3 {
                display: flex;
                justify-content: center;
                align-items: center;
                width: 430.2px;
                height: 25.2px;
                opacity: 1;
                font-size: 20px;
                font-weight: 540;
                margin-top: 70px;
                margin-left: 95px;
            }
            .select-board {
                display: flex;
                flex-direction: row;
                align-items: center;
                margin-left: 115px;
                margin-top: 20px;
                .select-wrapper{
                    border-radius: 13px;
                    border: 2px solid transparent;
                    background: linear-gradient(white, white) padding-box,
                        linear-gradient(90deg, rgb(70, 54, 255) 0%, rgb(203, 112, 255) 38.43%, rgb(48, 224, 255) 68.99%, rgb(76, 149, 252) 100%);
                    .selector {
                        width: 163px;
                        height: 28px;
                        border-radius: 10px;
                        box-shadow: 0px 2px 4px rgb(87, 132, 255);
                        color: rgb(87, 132, 255);
                        font-size: 14px;
                        font-weight: 500;
                        outline: none;
                        padding-left: 7px;
                    }
                }
            }
        }
        .back-button{
            color: white;
            width: 100px;
            height: 40px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 17px;
            font-weight: 400px;
            position: absolute;
            margin-top: 580px;
            margin-left: 1150px;
        }
}